<template>
	<view>
		<u-sticky bgColor="#fff">
			<view class="tab-area">
				<u-tabs :current="curIndex" :list="list1" @click="clickTab"></u-tabs>
			</view>
		</u-sticky>
		<view v-if="curIndex==0">
			<view class="info-box">
				<view class="info-item">
					<view class="info-label">入库状态：</view>
					<view>{{ruleForm.projectInfo.entryStatus|entryStatusTypeList}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">项目编码：</view>
					<view>{{ruleForm.projectInfo.projectCode}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">签约时间：</view>
					<view>{{ruleForm.projectInfo.signingDate}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">项目名称：</view>
					<view>{{ruleForm.projectInfo.projectName}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">投资方：</view>
					<view>{{ruleForm.projectInfo.investor}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">投资方来源：</view>
					<view>{{ruleForm.projectInfo.investorSource}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">投资方式：</view>
					<view>{{ruleForm.projectInfo.investmentMode}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">内资计划总投资：</view>
					<view>{{ruleForm.projectInfo.domesticInvestment?ruleForm.projectInfo.domesticInvestment+'万元':'-'}}
					</view>
				</view>
				<view class="info-item">
					<view class="info-label">外资计划总投资：</view>
					<view v-if="ruleForm.projectInfo.foreignInvestment">
						{{ruleForm.projectInfo.foreignInvestment}}{{ruleForm.projectInfo.foreignInvestmentType}}{{ruleForm.projectInfo.foreignInvestmentRmb?'，'+ruleForm.projectInfo.foreignInvestmentRmb+'万元':''}}
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-item">
					<view class="info-label">行业类别：</view>
					<view>{{ruleForm.projectInfo.industryTypeOneName}}->{{ruleForm.projectInfo.industryTypeTwoName}}
					</view>
				</view>
				<view class="info-item">
					<view class="info-label">产品链：</view>
					<view>{{ruleForm.projectInfo.industrialChain}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">计划用地面积：</view>
					<view>{{ruleForm.projectInfo.plannedLandArea?ruleForm.projectInfo.plannedLandArea+'亩':'-'}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">预计产值：</view>
					<view>
						{{ruleForm.projectInfo.estimatedOutputValue?ruleForm.projectInfo.estimatedOutputValue+'万元':'-'}}
					</view>
				</view>
				<view class="info-item">
					<view class="info-label">预计税收：</view>
					<view>{{ruleForm.projectInfo.estimatedTaxRevenue?ruleForm.projectInfo.estimatedTaxRevenue+'万元':'-'}}
					</view>
				</view>
				<view class="info-item">
					<view class="info-label">招商部门：</view>
					<view>{{ruleForm.projectInfo.investmentPromotionDepartment}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">招商人员：</view>
					<view>{{ruleForm.projectInfo.investmentPromoter}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">招商人员联系方式：</view>
					<view>{{ruleForm.projectInfo.investmentPromoterContact}}</view>
				</view>
			</view>
			<view class="info-box">
				<view class="info-title">项目简介</view>
				<view class="info-item">{{ruleForm.projectInfo.projectIntroduction}}</view>
			</view>
			<view class="info-box">
				<view class="info-title">行业地位及特色亮点</view>
				<view class="info-item">{{ruleForm.projectInfo.industryPositionHighlights}}</view>
			</view>
		</view>
		<view v-if="curIndex==1">
			<view class="info-box">
				<view class="info-item">
					<view class="info-label">企业名称：</view>
					<view>{{ruleForm.projectInfo.projectOwner}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">社会信用代码：</view>
					<view>{{ruleForm.projectInfo.socialCreditCode}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">负责人姓名：</view>
					<view>{{ruleForm.projectInfo.leaderName}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">负责人电话：</view>
					<view>{{ruleForm.projectInfo.leaderTelephone}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">联系人姓名：</view>
					<view>{{ruleForm.projectInfo.contactPersonName}}</view>
				</view>
				<view class="info-item">
					<view class="info-label">联系人电话：</view>
					<view>{{ruleForm.projectInfo.contactPersonTelephone}}</view>
				</view>
			</view>
		</view>
		<view v-if="curIndex==2">
			<u-empty v-if="!ruleForm.projectApprove" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else>
				<view v-if="ruleForm.projectApprove.state==0" class="state-area bg-green light">
					<view class="sub-state text-green">在批审核状态：审核通过</view>
				</view>
				<view v-if="ruleForm.projectApprove.state==2" class="state-area bg-red light">
					<view class="sub-state text-red">在批审核状态：审核驳回</view>
					<view style="margin-top: 20rpx;" class="sub-state text-red">
						驳回原因：{{ruleForm.projectApprove.auditOpinion}}</view>
				</view>
				<view v-if="ruleForm.projectApprove.state==1" class="between_layout state-area bg-orange light">
					<view class="sub-state text-orange">在批审核状态：待审核</view>
					<view>
						<u-button v-if="roles.indexOf('company')==-1"
							:customStyle="{height: '50rpx',borderRadius: '10rpx'}"
							@click.native.stop="toAudit(ruleForm.projectApprove.baseId,2)" text="在批审核" type="success"
							size="small"></u-button>
					</view>
				</view>
				<view class="around_layout margin-top">
					<view @click="fileType=1" :class="fileType==1?'btn-active':'btn-default'">在批基本信息</view>
					<view @click="fileType=2" :class="fileType==2?'btn-active':'btn-default'">五评详情</view>
				</view>
				<view v-if="fileType==1">
					<view class="info-box">
						<view class="info-item">
							<view class="info-label">项目代码：</view>
							<view>{{ruleForm.projectApprove.projectDm?ruleForm.projectApprove.projectDm:'-'}}</view>
						</view>
						<view class="info-item">
							<view class="info-label">备案投资额：</view>
							<view>
								{{ruleForm.projectApprove.recordedInvestmentAmount?ruleForm.projectApprove.recordedInvestmentAmount+'万元':'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">当年计划投资：</view>
							<view>
								{{ruleForm.projectApprove.currentYearPlannedInvestment?ruleForm.projectApprove.currentYearPlannedInvestment+'万元':'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">计划开工日期：</view>
							<view>
								{{ruleForm.projectApprove.plannedStartDate?ruleForm.projectApprove.plannedStartDate:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">供地时间：</view>
							<view> {{ruleForm.projectApprove.landSupplyDate?ruleForm.projectApprove.landSupplyDate:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">供地面积：</view>
							<view>
								{{ruleForm.projectApprove.landSupplyArea?ruleForm.projectApprove.landSupplyArea+'m²':'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">所属街道：</view>
							<view> {{ruleForm.projectApprove.street?ruleForm.projectApprove.street:'-'}}</view>
						</view>
						<view class="info-item">
							<view class="info-label">用地位置：</view>
							<view>
								{{ruleForm.projectApprove.landLocationSecond?ruleForm.projectApprove.landLocationSecond:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">土地合同约定开工时间：</view>
							<view>{{ruleForm.projectApprove.agreedStart?ruleForm.projectApprove.agreedStart:'-'}}</view>
						</view>
						<view class="info-item">
							<view class="info-label">土地合同约定竣工时间：</view>
							<view>
								{{ruleForm.projectApprove.agreedCompletion?ruleForm.projectApprove.agreedCompletion:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">监管协议约定达产时间：</view>
							<view>
								{{ruleForm.projectApprove.agreedProduction?ruleForm.projectApprove.agreedProduction:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">列省市重大项目时间：</view>
							<view>
								{{ruleForm.projectApprove.majorProjectDate?ruleForm.projectApprove.majorProjectDate:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">省市重大项目：</view>
							<view>{{ruleForm.projectApprove.projectProvince|investList}}</view>
						</view>
						<view class="info-item">
							<view class="info-label">总平图：</view>
							<view>{{ruleForm.projectApprove.generalPlanDiagram|followMethodList}}</view>
						</view>
						<view class="info-item">
							<view class="info-label">规划建筑面积：</view>
							<view>
								{{ruleForm.projectApprove.plannedConstructionArea?ruleForm.projectApprove.plannedConstructionArea+'m²':'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">第一张施工许可证日期：</view>
							<view>
								{{ruleForm.projectApprove.firstPermitDate?ruleForm.projectApprove.firstPermitDate:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">承诺制开工日期：</view>
							<view>
								{{ruleForm.projectApprove.promisedStartDate?ruleForm.projectApprove.promisedStartDate:'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">开工面积：</view>
							<view>
								{{ruleForm.projectApprove.commencedArea?ruleForm.projectApprove.commencedArea+'m²':'-'}}
							</view>
						</view>
						<view class="info-item">
							<view class="info-label">实际开工日期：</view>
							<view>
								{{ruleForm.projectApprove.actualStartDate?ruleForm.projectApprove.actualStartDate:'-'}}
							</view>
						</view>
					</view>
					<view style="margin: 24rpx 0 0 24rpx;" class="info-title">五评</view>
					<view class="info-box">
						<view style="font-weight: bold;margin-top: 10rpx;">职评</view>
						<view class="info-item">
							<view class="info-label">职评批示状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.evaluationApprovalStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.evaluationApprovalStatus==0" class="info-item">
							<view class="info-label">职评附件：</view>
							<view>{{ruleForm.projectApprove.evaluationApproval}}</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">稳评</view>
						<view class="info-item">
							<view class="info-label">稳评批示状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.stabilityEvaluationApprovalStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.stabilityEvaluationApprovalStatus==0" class="info-item">
							<view class="info-label">稳评附件：</view>
							<view>{{ruleForm.projectApprove.stabilityEvaluationApproval}}</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">环评</view>
						<view class="info-item">
							<view class="info-label">环评批示状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.assessmentApprovalStatus)[0].dictLabel}}
							</view>
						</view>
						<view
							v-if="ruleForm.projectApprove.assessmentApprovalStatus==0||ruleForm.projectApprove.assessmentApprovalStatus==2">
							<view class="info-item">
								<view class="info-label">环评批示类型：</view>
								<view>{{ruleForm.projectApprove.assessmentApprovalType}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">环评附件：</view>
								<view>{{ruleForm.projectApprove.assessmentApproval}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">安评</view>
						<view class="info-item">
							<view class="info-label">安评批示状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.safetyApprovalStatus)[0].dictLabel}}
							</view>
						</view>
						<view
							v-if="ruleForm.projectApprove.safetyApprovalStatus==0||ruleForm.projectApprove.safetyApprovalStatus==2">
							<view class="info-item">
								<view class="info-label">安评批示类型：</view>
								<view>{{ruleForm.projectApprove.safetyApprovalType}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">安评附件：</view>
								<view>{{ruleForm.projectApprove.safetyApproval}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">能评</view>
						<view class="info-item">
							<view class="info-label">能评批示状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.energyApprovalStatus)[0].dictLabel}}
							</view>
						</view>
						<view
							v-if="ruleForm.projectApprove.energyApprovalStatus==0||ruleForm.projectApprove.energyApprovalStatus==2">
							<view class="info-item">
								<view class="info-label">能评批示类型：</view>
								<view>{{ruleForm.projectApprove.energyApprovalType}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">能评附件：</view>
								<view>{{ruleForm.projectApprove.energyApproval}}</view>
							</view>
						</view>
					</view>
					<view style="margin: 24rpx 0 0 24rpx;" class="info-title">六证</view>
					<view class="info-box">
						<view style="font-weight: bold;margin-top: 10rpx;">备案证</view>
						<view class="info-item">
							<view class="info-label">备案证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.recordCertificateStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.recordCertificateStatus==0">
							<view class="info-item">
								<view class="info-label">备案证号：</view>
								<view>{{ruleForm.projectApprove.recordCertificateCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">备案证附件：</view>
								<view>{{ruleForm.projectApprove.recordCertificate}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">不动产权证</view>
						<view class="info-item">
							<view class="info-label">不动产权证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.ownershipCertificateStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.ownershipCertificateStatus==0">
							<view class="info-item">
								<view class="info-label">不动产权证号：</view>
								<view>{{ruleForm.projectApprove.ownershipCertificateCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">不动产权证附件：</view>
								<view>{{ruleForm.projectApprove.rownershipCertificate}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">用地规划许可证</view>
						<view class="info-item">
							<view class="info-label">用地规划许可证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.landPlanningPermitStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.landPlanningPermitStatus==0">
							<view class="info-item">
								<view class="info-label">用地规划许可证号：</view>
								<view>{{ruleForm.projectApprove.landPlanningPermitCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">用地规划许可证附件：</view>
								<view>{{ruleForm.projectApprove.rlandPlanningPermit}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">工程规划许可证</view>
						<view class="info-item">
							<view class="info-label">工程规划许可证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.engineeringPlanningPermitStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.engineeringPlanningPermitStatus==0">
							<view class="info-item">
								<view class="info-label">工程规划许可证号：</view>
								<view>{{ruleForm.projectApprove.engineeringPlanningPermitCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">工程规划许可证附件：</view>
								<view>{{ruleForm.projectApprove.rengineeringPlanningPermit}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">审图合格证</view>
						<view class="info-item">
							<view class="info-label">审图合格证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.drawingReviewCertificateStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.drawingReviewCertificateStatus==0">
							<view class="info-item">
								<view class="info-label">审图合格证号：</view>
								<view>{{ruleForm.projectApprove.drawingReviewCertificateCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">审图合格证附件：</view>
								<view>{{ruleForm.projectApprove.rdrawingReviewCertificate}}</view>
							</view>
						</view>
						<view style="font-weight: bold;margin-top: 10rpx;">施工许可证</view>
						<view class="info-item">
							<view class="info-label">施工许可证状态：</view>
							<view>
								{{wpDict.filter(item=>item.dictValue!=ruleForm.projectApprove.constructionPermitStatus)[0].dictLabel}}
							</view>
						</view>
						<view v-if="ruleForm.projectApprove.constructionPermitStatus==0">
							<view class="info-item">
								<view class="info-label">施工许可证号：</view>
								<view>{{ruleForm.projectApprove.constructionPermitCode}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">施工许可证附件：</view>
								<view>{{ruleForm.projectApprove.rconstructionPermit}}</view>
							</view>
						</view>
					</view>
				</view>
				<view v-if="fileType==2">
					<view style="margin: 24rpx;" class="between_layout">
						<view @click="change1(item)"
							:style="firstRadio==item.dictName?'color: #1478FF;border: 1rpx solid #1478FF;':''"
							class="radio-btn center_layout" v-for="(item,index) in radioList" :key="index">
							{{item.dictName}}
						</view>
					</view>
					<view style="padding: 0 24rpx 24rpx 24rpx;" class="between_layout">
						<view class="l-tag" v-if="firstRadio == '职评'">
							<u-tag :text="selectedKey.evaluationApprovalStatusName" shape="circle"
								type="warning"></u-tag>
						</view>
						<view class="l-tag" v-if="firstRadio == '能评'">
							<u-tag :text="selectedKey.energyApprovalStatusName" shape="circle" type="warning"></u-tag>
						</view>
						<view class="l-tag" v-if="firstRadio == '稳评'">
							<u-tag :text="selectedKey.stabilityEvaluationApprovalStatusName" shape="circle"
								type="warning"></u-tag>
						</view>
						<view class="l-tag" v-if="firstRadio == '安评'">
							<u-tag :text="selectedKey.safetyApprovalStatusName" shape="circle" type="warning"></u-tag>
						</view>
						<view class="l-tag" v-if="firstRadio == '环评'">
							<u-tag :text="selectedKey.assessmentApprovalStatusName" shape="circle"
								type="warning"></u-tag>
						</view>
						<view class="r-tag" v-if="firstRadio == '能评'&&selectedKey.energyApprovalType">
							{{currentSelect.firstArr.filter((num) => {
							  return num.dictValue ==selectedKey.energyApprovalType;
							})[0].dictName}}
						</view>
						<view class="r-tag" v-if="firstRadio == '安评'&&selectedKey.safetyApprovalType">
							{{currentSelect.firstArr.filter((num) => {
							  return num.dictValue ==selectedKey.safetyApprovalType;
							})[0].dictName}}
						</view>
						<view class="r-tag" v-if="firstRadio == '环评'&&selectedKey.assessmentApprovalType">
							{{currentSelect.firstArr.filter((num) => {
							  return num.dictValue ==selectedKey.assessmentApprovalType;
							})[0].dictName}}
						</view>
					</view>
					<view v-if="detailInfo.processState=='NOT_YET_STARTED'" class="bg-white padding-sm margin-top-sm">
						<view class="info-title">流程过程</view>
						<view class="cu-timeline">
							<view class="cu-time">确认资格要求</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">在发起职评申请流程之前，确保您知晓并理解申请的资格要求，请选择“启动流程”或“无需申请”按钮。</view>
							</view>
							<view class="cu-time">发起流程</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">选择“启动流程”后可发起申请流程，以确保申请流程的步骤被正确激活。</view>
							</view>
							<view class="cu-time">线下处理</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">根据流程图的提示线下处理任务，线下处理反馈的的文件或材料，务必保证其真实性、完整性和最新性。</view>
							</view>
							<view class="cu-time">结果反馈</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">线下处理的评审结果和反馈信息，及时填报到系统中。</view>
							</view>
							<view class="cu-time">企业在线填报</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">填写企业在线申报表格，提供准确的信息，确保没有遗漏或错误。</view>
							</view>
							<view class="cu-time">职能部门填报</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">涉及职能部门的审核或填报环节，确保与各职能部门保持良好沟通，按时完成各自的填报任务。</view>
							</view>
							<view class="cu-time">流程结束</view>
							<view class="cu-item text-blue">
								<view class="bg-blue content">确认所有流程步骤已完成，包括存档所有相关文件和材料，以便未来调阅查询。</view>
							</view>
						</view>
					</view>
					<processCard :detailInfo="detailInfo"></processCard>
				</view>
			</view>
		</view>
		<view v-if="curIndex==3">
			<u-empty v-if="!ruleForm.projectBuild" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else>
				<view v-if="ruleForm.projectBuild.state==0" class="state-area bg-green light">
					<view class="sub-state text-green">在建审核状态：审核通过</view>
				</view>
				<view v-if="ruleForm.projectBuild.state==2" class="state-area bg-red light">
					<view class="sub-state text-red">在建审核状态：审核驳回</view>
					<view style="margin-top: 20rpx;" class="sub-state text-red">
						驳回原因：{{ruleForm.projectBuild.auditOpinion}}</view>
				</view>
				<view v-if="ruleForm.projectBuild.state==1" class="between_layout state-area bg-orange light">
					<view class="sub-state text-orange">在建审核状态：待审核</view>
					<view>
						<u-button v-if="roles.indexOf('company')==-1"
							:customStyle="{height: '50rpx',borderRadius: '10rpx'}"
							@click.native.stop="toAudit(ruleForm.projectBuild.baseId,3)" text="在建审核" type="success"
							size="small"></u-button>
					</view>
				</view>
				<view class="info-box">
					<view class="info-item">
						<view class="info-label">列统情况：</view>
						<view>{{ruleForm.projectBuild.listedStatistics}}</view>
					</view>
					<view class="info-item">
						<view class="info-label">累计完成投资：</view>
						<view>
							{{ruleForm.projectBuild.accumulatedCompleted?ruleForm.projectBuild.accumulatedCompleted+'万元':'-'}}
						</view>
					</view>
					<view class="info-item">
						<view class="info-label">当年完成投资：</view>
						<view>
							{{ruleForm.projectBuild.currentYearCompleted?ruleForm.projectBuild.currentYearCompleted+'万元':"-"}}
						</view>
					</view>
				</view>
				<view v-if="ruleForm.projectProgresses&&ruleForm.projectProgresses.length!=0"
					class="bg-white margin-top">
					<u-collapse>
						<u-collapse-item v-for="(item,index) in ruleForm.projectProgresses" :key="index"
							:title="'汇报进度时间：'+item.progressReportDate">
							<u-icon name="clock" color="#3389FF" size="20" slot="icon"></u-icon>
							<view style="background: #F8F8F8;border-radius: 10rpx;padding: 10rpx 24rpx;">
								<view class="info-item">
									<view class="info-label">年度计划投资：</view>
									<view>{{item.actualCompletionTime?item.actualCompletionTime+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">当月到位资金：</view>
									<view>{{item.currentMonthFunds?item.currentMonthFunds+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">截至当月累计到位资金：</view>
									<view>{{item.actualCompletionTime?item.actualCompletionTime+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">当月完成投资：</view>
									<view>{{item.currentMonthInvestment?item.currentMonthInvestment+'万元':"-"}}
									</view>
								</view>
								<view class="info-item">
									<view class="info-label">截至当月累计完成投资：</view>
									<view>{{item.actualCompletionTime?item.actualCompletionTime+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">其中设备投资：</view>
									<view>{{item.equipmentInvestment?item.equipmentInvestment+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">其中土地投资：</view>
									<view> {{item.landInvestment?item.landInvestment+'万元':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">其中建安投资：</view>
									<view>{{item.constructionInvestment?item.constructionInvestment+'万元':"-"}}
									</view>
								</view>
								<view class="info-item">
									<view class="info-label">当月完成投资占年度投资计划：</view>
									<view> {{item.actualCompletionTime?item.actualCompletionTime+'%':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">截止当月累计完成投资占年度投资计划：</view>
									<view>{{item.actualCompletionTime?item.actualCompletionTime+'%':"-"}}</view>
								</view>
								<view class="info-item">
									<view class="info-label">建设进度：</view>
									<view> {{item.constructionProgress?item.constructionProgress+'%':"-"}}</view>
								</view>
								<view class="info-title">目前进展情况</view>
								<view class="info-item">
									{{item.currentProgressStatus?item.currentProgressStatus:'-'}}
								</view>
								<view v-if="item.progressImageUrl">
									<view class="info-title">项目形象进度图片</view>
									<view class="info-item">
										<u-image style="margin-right: 20rpx;"
											v-for="(item1,index1) in item.progressImageUrl.split(',')" :key="index1"
											:showLoading="true" :src="item1" :radius="5" width="100px" height="100px"
											@click="clickPic(item.progressImageUrl.split(','),index1)"></u-image>
									</view>
								</view>
								<view v-if="item.progressVideoUrl">
									<view class="info-title">项目形象进度视频</view>
									<view class="info-item">
										<video webkit-playsinline="true" x5-video-player-type="h5"
											x5-video-orientation="portraint"
											style="width: 100%;height:500rpx;object-fit: cover;" @play="playVedio()"
											@fullscreenchange="screenchange" id="myVideo"
											:poster="item.progressVideoCoverUrl" :src="item.progressVideoUrl"
											controls></video>
									</view>
								</view>
								<view v-if="item.attachmentUrl">
									<view class="info-title">附件</view>
									<view v-for="(item1,index1) in item.attachmentUrl.split(',')" :key="index1">
										<a class="table-title" @click="showDetail(item1)">附件{{ index1+1 }}</a>
									</view>
								</view>
							</view>
						</u-collapse-item>
					</u-collapse>
				</view>				
			</view>
		</view>
		<view v-if="curIndex==4">
			<u-empty v-if="!ruleForm.projectCompletion" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else>
				<view v-if="ruleForm.projectCompletion.state==0" class="state-area bg-green light">
					<view class="sub-state text-green">竣工审核状态：审核通过</view>
				</view>
				<view v-if="ruleForm.projectCompletion.state==2" class="state-area bg-red light">
					<view class="sub-state text-red">竣工审核状态：审核驳回</view>
					<view style="margin-top: 20rpx;" class="sub-state text-red">
						驳回原因：{{ruleForm.projectCompletion.auditOpinion}}</view>
				</view>
				<view v-if="ruleForm.projectCompletion.state==1" class="between_layout state-area bg-orange light">
					<view class="sub-state text-orange">竣工审核状态：待审核</view>
					<view>
						<u-button v-if="roles.indexOf('company')==-1"
							:customStyle="{height: '50rpx',borderRadius: '10rpx'}"
							@click.native.stop="toAudit(ruleForm.projectCompletion.baseId,4)" text="竣工审核" type="success"
							size="small"></u-button>
					</view>
				</view>
				<view class="info-box">
					<view class="info-item">
						<view class="info-label">项目实际完工时间：</view>
						<view>{{ruleForm.projectCompletion.actualCompletionTime}}</view>
					</view>
				</view>
				<view class="info-box">
					<view class="info-title">竣工情况</view>
					<view class="info-item" v-html="ruleForm.projectCompletion.completionStatus"></view>
				</view>
				<view class="info-box">
					<view class="info-title">竣工材料</view>
					<view v-if="ruleForm.projectCompletion.completionMaterialsUrl"
						v-for="(item1,index1) in ruleForm.projectCompletion.completionMaterialsUrl.split(',')"
						:key="index1">
						<a class="table-title" @click="showDetail(item1)">附件{{ index1+1 }}</a>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">现场图片</view>
					<view v-if="ruleForm.projectCompletion.siteImagesUrl" class="info-item">
						<u-image style="margin-right: 20rpx;"
							v-for="(item1,index1) in ruleForm.projectCompletion.siteImagesUrl.split(',')" :key="index1"
							:showLoading="true" :src="item1" :radius="5" width="100px" height="100px"
							@click="clickPic(ruleForm.projectCompletion.siteImagesUrl.split(','),index1)"></u-image>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">视频</view>
					<video v-if="ruleForm.projectCompletion.videoUrl" webkit-playsinline="true"
						x5-video-player-type="h5" x5-video-orientation="portraint"
						style="width: 100%;height:500rpx;object-fit: cover;" @play="playVedio()"
						@fullscreenchange="screenchange" id="myVideo" :poster="ruleForm.projectCompletion.videoCoverUrl"
						:src="ruleForm.projectCompletion.videoUrl" controls></video>
					<view v-else>-</view>
				</view>
			</view>
		</view>
		<view v-if="curIndex==5">
			<u-empty v-if="!ruleForm.projectProduction" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else>
				<view v-if="ruleForm.projectProduction.state==0" class="state-area bg-green light">
					<view class="sub-state text-green">投产审核状态：审核通过</view>
				</view>
				<view v-if="ruleForm.projectProduction.state==2" class="state-area bg-red light">
					<view class="sub-state text-red">投产审核状态：审核驳回</view>
					<view style="margin-top: 20rpx;" class="sub-state text-red">
						驳回原因：{{ruleForm.projectProduction.auditOpinion}}</view>
				</view>
				<view v-if="ruleForm.projectProduction.state==1" class="between_layout state-area bg-orange light">
					<view class="sub-state text-orange">投产审核状态：待审核</view>
					<view>
						<u-button v-if="roles.indexOf('company')==-1"
							:customStyle="{height: '50rpx',borderRadius: '10rpx'}"
							@click.native.stop="toAudit(ruleForm.projectProduction.baseId,5)" text="投产审核" type="success"
							size="small"></u-button>
					</view>
				</view>
				<view class="info-box">
					<view class="info-item">
						<view class="info-label">项目投产时间：</view>
						<view>{{ruleForm.projectProduction.productionTime}}</view>
					</view>
				</view>
				<view class="info-box">
					<view class="info-title">投产情况</view>
					<view class="info-item" v-html="ruleForm.projectProduction.productionStatus"></view>
				</view>
				<view class="info-box">
					<view class="info-title">投产材料</view>
					<view v-if="ruleForm.projectProduction.productionMaterialsUrl"
						v-for="(item1,index1) in ruleForm.projectProduction.productionMaterialsUrl.split(',')"
						:key="index1">
						<a class="table-title" @click="showDetail(item1)">附件{{ index1+1 }}</a>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">现场图片</view>
					<view v-if="ruleForm.projectProduction.siteImagesUrl" class="info-item">
						<u-image style="margin-right: 20rpx;"
							v-for="(item1,index1) in ruleForm.projectProduction.siteImagesUrl.split(',')" :key="index1"
							:showLoading="true" :src="item1" :radius="5" width="100px" height="100px"
							@click="clickPic(ruleForm.projectProduction.siteImagesUrl.split(','),index1)"></u-image>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">视频</view>
					<video v-if="ruleForm.projectProduction.videoUrl" webkit-playsinline="true"
						x5-video-player-type="h5" x5-video-orientation="portraint"
						style="width: 100%;height:500rpx;object-fit: cover;" @play="playVedio()"
						@fullscreenchange="screenchange" id="myVideo" :poster="ruleForm.projectProduction.videoCoverUrl"
						:src="ruleForm.projectProduction.videoUrl" controls></video>
					<view v-else>-</view>
				</view>
			</view>
		</view>
		<view v-if="curIndex==6">
			<u-empty v-if="!ruleForm.projectEfficiency" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else>
				<view v-if="ruleForm.projectEfficiency.state==0" class="state-area bg-green light">
					<view class="sub-state text-green">达效审核状态：审核通过</view>
				</view>
				<view v-if="ruleForm.projectEfficiency.state==2" class="state-area bg-red light">
					<view class="sub-state text-red">达效审核状态：审核驳回</view>
					<view style="margin-top: 20rpx;" class="sub-state text-red">
						驳回原因：{{ruleForm.projectEfficiency.auditOpinion}}</view>
				</view>
				<view v-if="ruleForm.projectEfficiency.state==1" class="between_layout state-area bg-orange light">
					<view class="sub-state text-orange">达效审核状态：待审核</view>
					<view>
						<u-button v-if="roles.indexOf('company')==-1"
							:customStyle="{height: '50rpx',borderRadius: '10rpx'}"
							@click.native.stop="toAudit(ruleForm.projectEfficiency.baseId,6)" text="达效审核" type="success"
							size="small"></u-button>
					</view>
				</view>
				<view class="info-box">
					<view class="info-item">
						<view class="info-label">项目达效时间：</view>
						<view>{{ruleForm.projectEfficiency.effectivenessTime}}</view>
					</view>
				</view>
				<view class="info-box">
					<view class="info-title">达效情况</view>
					<view class="info-item" v-html="ruleForm.projectEfficiency.effectivenessStatus"></view>
				</view>
				<view class="info-box">
					<view class="info-title">达效材料</view>
					<view v-if="ruleForm.projectEfficiency.effectivenessMaterialsUrl"
						v-for="(item1,index1) in ruleForm.projectEfficiency.effectivenessMaterialsUrl.split(',')"
						:key="index1">
						<a class="table-title" @click="showDetail(item1)">附件{{ index1+1 }}</a>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">现场图片</view>
					<view v-if="ruleForm.projectEfficiency.siteImagesUrl" class="info-item">
						<u-image style="margin-right: 20rpx;"
							v-for="(item1,index1) in ruleForm.projectEfficiency.siteImagesUrl.split(',')" :key="index1"
							:showLoading="true" :src="item1" :radius="5" width="100px" height="100px"
							@click="clickPic(ruleForm.projectEfficiency.siteImagesUrl.split(','),index1)"></u-image>
					</view>
					<view v-else>-</view>
				</view>
				<view class="info-box">
					<view class="info-title">视频</view>
					<video v-if="ruleForm.projectEfficiency.videoUrl" webkit-playsinline="true"
						x5-video-player-type="h5" x5-video-orientation="portraint"
						style="width: 100%;height:500rpx;object-fit: cover;" @play="playVedio()"
						@fullscreenchange="screenchange" id="myVideo" :poster="ruleForm.projectEfficiency.videoCoverUrl"
						:src="ruleForm.projectEfficiency.videoUrl" controls></video>
					<view v-else>-</view>
				</view>
			</view>
		</view>
		<view v-if="curIndex==7">
			<u-empty v-if="ruleForm.leaderInstructs&&ruleForm.leaderInstructs.length==0" marginTop='100' mode="data"
				:icon="require('@/static/mine/empty.png')"></u-empty>
			<view v-else class="bg-white margin-top">
				<u-collapse>
					<u-collapse-item v-for="(item,index) in ruleForm.leaderInstructs" :key="index"
						:title="'批示领导：'+item.createBy">
						<u-icon name="account" color="#3389FF" size="20" slot="icon"></u-icon>
						<text slot="value" style="color: #999999;"
							class="u-page__item__title__slot-title">{{item.createTime}}</text>
						<view style="background: #F8F8F8;border-radius: 10rpx;padding: 10rpx 24rpx;">
							<view class="info-item">
								<view class="info-label">批示内容：</view>
								<view>{{item.content?item.content:"-"}}</view>
							</view>
							<view class="info-item">
								<view class="info-label">批示附件：</view>
								<view v-if="item.file" v-for="(item1,index1) in item.file.split(',')" :key="index1">
									<a class="table-title" @click="showDetail(item1)">附件{{ index1+1 }}</a>
								</view>
								<view v-else>-</view>
							</view>
						</view>
					</u-collapse-item>
				</u-collapse>
			</view>
		</view>
		<view style="height: 160rpx;"></view>
		<view v-if="roles.includes('company')" class="fixed_bottom bg-white">
			<u-button v-if="ruleForm.projectInfo.state!=1" shape='circle' class="sub-btn" type="primary"
				@click="toUpdate">修改</u-button>
		</view>
		<view v-else class="fixed_bottom bg-white">
			<u-button shape='circle' class="sub-btn" type="primary" @click="toUpdate">修改</u-button>
		</view>
		<auditPop ref="auditPopRef" @popSuccess="init" :type='3'></auditPop>
	</view>
</template>

<script>
	import {
		getProjectInfo,
		listMultiDict,
		evaluationDetail,
		getDicts,
		evaluationInit
	} from '@/utils/api.js'
	import {
		openFile
	} from '@/utils/index.js'
	export default {
		data() {
			return {
				curIndex: 0,
				fileType: 1,
				radioList: [],
				firstRadio: '',
				currentSelect: {
					baseId: '',
					dictName: '',
					dictValue: "",
					firstArr: []
				},
				processDefinitionKey: '',
				list1: [{
					name: '基本情况',
				}, {
					name: '单位情况',
				}, {
					name: '在批情况'
				}, {
					name: '在建情况'
				}, {
					name: '竣工情况'
				}, {
					name: '投产情况'
				}, {
					name: '达效情况'
				}, {
					name: '领导批示'
				}],
				ruleForm: {
					projectInfo: {},
					projectApprove: {}
				},
				projectId: '',
				detailInfo: {},
				wpDict: [],
				roles: [],
				selectedKey: {},
				
			};
		},
		onLoad(option) {
			if (option.tabIndex) {
				this.curIndex = option.tabIndex
			}
			this.roles = uni.getStorageSync("roleinfo")
			this.projectId = option.id
			this.init()
		},
		methods: {
			//当前任务上一个数据
			lastTable() {
				this.currentActivitiesIndex = this.currentActivitiesIndex - 1
			},
			//当前任务下一个数据
			nextTable() {
				this.currentActivitiesIndex = this.currentActivitiesIndex + 1
			},
			init() {
				uni.showLoading({
					title: '加载中'
				});
				getProjectInfo(this.projectId).then(res => {
					this.ruleForm = res.data
					if (this.ruleForm.projectInfo) {
						//投资方式
						getDicts('tzfs').then(res => {
							res.data.forEach(item => {
								if (item.dictValue == this.ruleForm.projectInfo.investmentMode) {
									this.ruleForm.projectInfo.investmentMode = item.dictLabel
								}
							})
						})
						//外资币种
						getDicts('wzjhlx').then(res => {
							res.data.forEach(item => {
								if (item.dictValue == this.ruleForm.projectInfo
									.foreignInvestmentType) {
									this.ruleForm.projectInfo.foreignInvestmentType = item
										.dictLabel
								}
							})
						})
						//产业链
						getDicts('cyl').then(res => {
							res.data.forEach(item => {
								if (item.dictValue == this.ruleForm.projectInfo
									.industrialChain) {
									this.ruleForm.projectInfo.industrialChain = item.dictLabel
								}
							})
						})
					}
					if (this.ruleForm.projectBuild) {
						//列统情况
						getDicts('ltqk').then(res => {
							res.data.forEach(item => {
								if (item.dictValue == this.ruleForm.projectBuild
									.listedStatistics) {
									this.ruleForm.projectBuild.listedStatistics = item.dictLabel
								}
							})
						})
					}
					//五评状态
					getDicts('wpblzt').then(response => {
						this.wpDict = response.data
					})
					//环评类型
					getDicts('hppslx').then(response => {
						response.data.forEach(item => {
							if (item.dictValue == this.ruleForm.projectApprove
								.assessmentApprovalType) {
								this.ruleForm.projectApprove.assessmentApprovalType = item
									.dictLabel
							}
						})
					})
					//安评类型
					getDicts('appslx').then(response => {
						response.data.forEach(item => {
							if (item.dictValue == this.ruleForm.projectApprove
								.safetyApprovalType) {
								this.ruleForm.projectApprove.safetyApprovalType = item.dictLabel
							}
						})
					})
					//能评类型
					getDicts('nppslx').then(response => {
						response.data.forEach(item => {
							if (item.dictValue == this.ruleForm.projectApprove
								.energyApprovalType) {
								this.ruleForm.projectApprove.energyApprovalType = item.dictLabel
							}
						})
					})					
					uni.hideLoading();
				})
				listMultiDict('1785304387238604801').then(res => {
					this.radioList = res.data
					this.currentSelect.baseId = this.radioList[0].baseId
					this.currentSelect.dictName = this.radioList[0].dictName
					this.currentSelect.dictValue = this.radioList[0].dictValue
					this.firstRadio = this.radioList[0].dictName
					this.getProcess(this.currentSelect.dictValue)
				})
				this.getEvaluation()
			},
			toAudit(item, entryStatus) {
				this.$refs.auditPopRef.openPop(item, entryStatus)
			},
			//获取五评状态
			getEvaluation() {
				evaluationInit(this.projectId).then(res => {
					this.selectedKey = res.data
				})
			},
			//获取流程过程
			getProcess(key) {
				evaluationDetail(this.projectId, key).then(res => {
					this.detailInfo = res.data
				})
			},
			getDict(id) {
				listMultiDict(id).then(res => {
					this.ruleForm = res.data
				})
			},
			change1(item) {
				this.firstRadio = item.dictName
				this.currentSelect.baseId = item.baseId
				this.currentSelect.dictName = item.dictName
				this.currentSelect.dictValue = item.dictValue
				if (item.dictValue != 0) {
					this.getProcess(item.dictValue)
				} else {
					var secondRadio = null
					listMultiDict(item.baseId).then(arr => {
						this.currentSelect.firstArr = arr.data
						if (this.selectedKey.evaluationApprovalStatusName) {
							if (item.dictName == '能评' && this.selectedKey.energyApprovalType) {
								secondRadio = this.selectedKey.energyApprovalType
							} else if (item.dictName == '安评' && this.selectedKey.safetyApprovalType) {
								secondRadio = this.selectedKey.safetyApprovalType
							} else if (item.dictName == '环评' && this.selectedKey.assessmentApprovalType) {
								secondRadio = this.selectedKey.assessmentApprovalType
							} else {
								secondRadio = arr.data[0].dictValue
							}
						} else {
							secondRadio = arr.data[0].dictValue
						}
						this.getProcess(secondRadio)
					})
				}
			},
			clickTab(item) {
				this.curIndex = item.index
			},
			clickPic(item, index) {
				uni.previewImage({
					current: index,
					urls: item
				});
			},
			//播放视频
			playVedio() {
				uni.createVideoContext('myVideo', this).requestFullScreen();
			},
			//全屏变化
			screenChange(e) {
				let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
				if (!fullScreen) {
					//退出全屏停止播放
					uni.createVideoContext('myVideo', this).pause()
				}
			},
			//打开文件
			showDetail(url) {
				if (url) {
					openFile(url)
				}
			},
			//跳转修改
			toUpdate() {
				uni.navigateTo({
					url: '/pages_two/project/addProject?projectId=' + this.projectId
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tab-area {
		background-color: #fff;
		padding: 10rpx 20rpx;
	}

	.info-box {
		background-color: #fff;
		margin-top: 30rpx;
		padding: 10rpx 30rpx;
	}

	.info-item {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		line-height: 48rpx;
		margin: 15rpx 0;

		.info-label {
			color: #999999;
			flex-shrink: 0;
		}
	}

	.btn-default {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #1478FF;
		background: #FFFFFF;
		border-radius: 50rpx;
		border: 1rpx solid #1478FF;
		padding: 24rpx;
		width: 300rpx;
		text-align: center;
	}

	.btn-active {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		background: #1478FF;
		border-radius: 50rpx;
		border: 1rpx solid #1478FF;
		padding: 24rpx;
		width: 300rpx;
		text-align: center;
	}

	.radio-btn {
		width: 130rpx;
		height: 100rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
		background: #FFFFFF;
		border-radius: 4rpx;
	}

	.state-area {
		padding: 30rpx;
	}

	.r-tag {
		color: #1478FF;
	}

	.l-tag {
		flex-shrink: 0;
		margin-right: 24rpx;
	}
</style>